<template>
  <div id="views">
    <iframe :src="this.$route.query.uri" class="width100" frameborder="0" scrolling="no" id="bdIframe" :style="{height : h+'px'}"></iframe>
  </div>
</template>
<script>
  export default {
    name : 'power_product_detail',
    data (){
      return{
        uri : '',
        h : '',
      }
    },
    mounted() {
      this.setHeight();
    },
    methods:{
      setHeight(){
        let H = document.getElementById('views').offsetHeight;
        this.h = H;
        if(H < 50){
          this.setHeight();
        }
      }
    }
  }
</script>
<style type="text/less" lang="less" scoped>
  iframe::-webkit-scrollbar {width:0px; height:0px; background-color:transparent;}
  iframe::-webkit-scrollbar-track {background-color:#fff; border-radius:0px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);}
  iframe::-webkit-scrollbar-thumb {background-color:#fff; border-radius:0px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);}
</style>
